<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
  <title>投票系统</title>
  <link rel="stylesheet" href="/asset/css/client.css">
</head>
<body>

  <div id="login">
    <p>
      <input type="text" id="login-name" autofocus="true" maxlength="10" placeholder="先留下名字吧~(<10)">
    </p>
    <p>
      <button id="login-submit">进入</button>
    </p>
  </div>
  
  <div id="main" class="main-body">
    <div id="info" class="info">
      <div class="info-main">
        <h1 class="info-title">投票~聊天</h1>
        <h3 class="info-people">
          <img src="./asset/img/people.png" alt="" class="info-people-icon">
          <span>共有</span>
          <span class="info-people-num"> 0 </span>
          <span>人在线</span>
        </h3>
      </div>
    </div>
    <div id="msg-container" class="msg-container"></div>
    <div id="form" class="form">
      <textarea id="input" class="form-input" maxlength="200"></textarea>
      <button id="submit" class="form-submit">发送</button>
    </div>
    <div id="whisper-sender" class="whisper-sender">
      <h3 class="whisper-title">对 <span class="whisper-target"></span> 说：</h3>
      <textarea class="whisper-input" maxlength="80"></textarea>
      <button class="whisper-submit">传纸条</button>
      <button class="whisper-cancel">不传了</button>
    </div>
    <div id="whisper-reciever" class="whisper-reciever">
      <h3 class="whisper-title"><span class="whisper-source"></span> 对你说：</h3>
      <p class="whisper-content"></p>
      <button class="whisper-reply">回复</button>
      <button class="whisper-ignore">忽略</button>
    </div>
  </div>

  <!-- 模态框 开始  -->
  <div class="modal fade" id="item" tabindex="-1" role="dialog" 
     aria-labelledby="item" aria-hidden="true">
     <div class="modal-dialog">
        <div class="modal-content">
           <div class="modal-header">
              <button type="button" class="close" 
                 data-dismiss="modal" aria-hidden="true">
                    &times;
              </button>
              <h4 class="modal-title" id="info-title">
              </h4>
           </div>
           <div class="modal-body">
            <form method="post" class="alert alert-warning opt" id="details-form">
              <div class="form-group" id="item-choice">
                <a class="btn btn-primary btn-item">赞同</a>
                <a class="btn btn-primary btn-item">不赞同</a>
                <a class="btn btn-primary btn-item">没意见</a>
              </div>
            </form>
           </div>
        </div>
  </div>
  <!-- 模态框 结束 -->

  <script src="/socket.io/socket.io.js"></script>
  <script src="/asset/js/qrcode.min.js"></script>
  <script src="/asset/js/jquery.js"></script>
  <script src="/asset/js/bootstrap.js"></script>
  <script src="/asset/js/tool.js"></script>
  <script src="/asset/js/client.js"></script>
</body>
</html>